<template>
  <a-select
    v-model:value="value1"
    style="width: 120px"
    ref="select"
    @change="handleChange"
  >
    <a-select-option value="jack">Jack</a-select-option>
    <a-select-option value="lucy">Lucy</a-select-option>
    <a-select-option value="disabled" disabled>Disabled</a-select-option>
    <a-select-option value="Yiminghe">yiminghe</a-select-option>
  </a-select>
</template>

<script>
import { ref } from "@vue/reactivity";
export default {
  setup() {
    const value1 = ref("Jack");

    const handleChange = (value) => {
      console.log(`selected ${value}`);
    };
    return {
      value1,
      handleChange,
    };
  },
};
</script>

<style>
</style>